<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html class="js no-touch csstransitions" lang="en">
<!--<![endif]-->
	<include file="Public:Head" />

	<body class="no-trans fixed-header-on" style="height:100%">
		<if condition="$condition eq 1" >
			<include file="Public:loginHeader" />
		<else />
			<include file="Public:notloginHeader" />
		</if>

		<div id="aboutSec" class="section clearfix " style="min-height: 85.5%; margin-top: 80px;">
			<div class="container" style="width: 1420px;">
				<div class="row">
					<div class="col-md-12">
						<h2>Upload Result from file: {$fileName}</h2>
					</div>
				</div>

				<div class="row">

					<if condition="successData">
						<div id="result" class="col-md-12" style="margin-bottom:10px;">
							<div class="panel-heading" style="background: #cee4cc;border: 2px solid #000;">
								<h3>Upload Completed!</h3>
								<div class="panel-text">
									<p><h4>Number of Successed &nbsp;: &nbsp;{$successCount}</h4></p>
								</div>
							</div>
							<volist name="successData" id="vo">

								<div class="panel-body" style="overflow: auto; border-style: solid;border-width: 2px 2px 2px 2px">
										<table style="table-layout:fixed; width: 100%">
											<thead>
												<tr>
													<th style="width: 15%; text-align: left">Primer ID</th>
													<th style="width: 16%; text-align: left">Gene</th>
													<th style="width: 12%">Species</th>
													<th style="width: 23%">Forward primer</th>
													<th style="width: 23%">Reverse primer</th>
													<th style="width: 8%">TM</th>
										            <th style="width: 12%">Product GC(%) </th>
										            <th style="width: 12%">Product Length</th>
													<th style="width: 15%">uploadDate</th>
													<th style="width: 12%">Location</th>
													<th style="width: 12%">Identifier</th>
												</tr>
											</thead>
											<tbody>
												<td style="width: 15%;text-align: left">{$vo.primerid}</td>
												<td style="width: 16%;text-align: left">{$vo.gene}</td>
												<td style="width: 12%">{$vo.species}</td>
												<td style="width: 23%">{$vo.forwardprimer}</td>
												<td style="width: 23%">{$vo.reverseprimer}</td>
												<td style="width: 8%">{$vo.tm}</td>
												<td style="width: 11%">{$vo.productgc}</td>
												<td style="width: 11%">{$vo.productlength}</td>
												<td style="width: 15%">{$vo.uploaddate}</td>
												<td style="width: 12%">{$vo.location}</td>
												<td style="width: 12%">{$vo.identifier}</td>
											</tbody>
										</table>
										<table style="table-layout:fixed; width: 100%">
											<!-- <table> -->
											<thead>
												<tr>
													<th style="width:100%; text-align:left;">Describe</th>
												</tr>
											</thead>
											<tbody>
												<td style="width:100%; text-align: left;">{$vo.describe}</td>
											</tbody>
										</table>
								</div>

							</volist>
						</div>
					</if>

					<if condition="failData">
						<div id="result" class="col-md-12" style="margin-bottom:10px;">
							<div class="panel-heading" style="background: #cee4cc;border: 2px solid #000;">
								<div class="panel-text">
									<p><h4>Number of failed &nbsp; : &nbsp;{$failCount}</h4></p>
								</div>
							</div>
							<volist name="failData" id="vo">

								<div class="panel-body" style="overflow: auto; border-style: solid;border-width: 2px 2px 2px 2px">
									<table style="table-layout:fixed; width: 100%">
										<!-- <table> -->
										<thead>
											<tr>
												<th style="width:100%; text-align:left;font-size: 20px;">Error Message: <span class="error-tips error-password" style="background-size: contain;font-size: 15px;">{$vo.errorMsg}</span></th>
											</tr>
										</thead>
									</table>

									<table style="table-layout:fixed; width: 100%">
										<thead>
											<tr>
												<th style="width: 15%; text-align: left">Primer ID</th>
												<th style="width: 16%; text-align: left">Gene</th>
												<th style="width: 12%">Species</th>
												<th style="width: 23%">Forward primer</th>
												<th style="width: 23%">Reverse primer</th>
												<th style="width: 8%">TM</th>
									            <th style="width: 12%">Product GC(%) </th>
									            <th style="width: 12%">Product Length</th>
												<th style="width: 15%">uploadDate</th>
												<th style="width: 12%">Location</th>
												<th style="width: 12%">Identifier</th>
											</tr>
										</thead>
										<tbody>
											<td style="width: 15%;text-align: left">{$vo.primerid}</td>
											<td style="width: 16%;text-align: left">{$vo.gene}</td>
											<td style="width: 12%">{$vo.species}</td>
											<td style="width: 23%">{$vo.forwardprimer}</td>
											<td style="width: 23%">{$vo.reverseprimer}</td>
											<td style="width: 8%">{$vo.tm}</td>
											<td style="width: 11%">{$vo.productgc}</td>
											<td style="width: 11%">{$vo.productlength}</td>
											<td style="width: 15%">{$vo.uploaddate}</td>
											<td style="width: 12%">{$vo.location}</td>
											<td style="width: 12%">{$vo.identifier}</td>
										</tbody>
									</table>
									<table style="table-layout:fixed; width: 100%">
										<!-- <table> -->
										<thead>
											<tr>
												<th style="width:100%; text-align:left;">Describe</th>
											</tr>
										</thead>
										<tbody>
											<td style="width:100%; text-align: left;">{$vo.describe}</td>
										</tbody>
									</table>
								</div>
							</volist>

							<div class="panel-body"><button type="button" class="btn return" onclick="returnUrl()">返回</button></div>
							<br /><br />
						</div>
					</if>

				</div>
			</div>
		</div>
	</body>
</html>
